/*
THEME NAME: Fefe Ariani
THEME URI: -
DESCRIPTION: A Custom Themes for "Fefe Ariani" by M&V Web
AUTHOR: <a href="http://mvweb.comyr.com/">M&V Web</a>
AUTHOR URI: http://mvweb.comyr.com/
VERSION: 1.0
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
/*@import url('../thematic/library/styles/typography.css');*/

/* Apply a basic layout */
/*@import url('../thematic/library/layouts/2c-r-fixed.css');*/

/* Apply basic image styles */
/*@import url('../thematic/library/styles/images.css');*/

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
/*@import url('../thematic/library/styles/default.css');*/

/* Prepare theme for plugins */
/*@import url('../thematic/library/styles/plugins.css');*/

@import url('../fefeariani/css/960grid.css');

@import url('../fefeariani/css/nivo-slider/themes/default/default.css');
@import url('../fefeariani/css/nivo-slider/themes/pascal/pascal.css');
@import url('../fefeariani/css/nivo-slider/themes/orman/orman.css');

@import url('../fefeariani/css/nivo-slider.css');
@import url('../fefeariani/css/jquery.booklet.1.2.0.css');

/*Custom Layout*/

.fl{
  float:left;
}

.fr{
  float:right;
}

@font-face{
  font-family: 'cartoon';
  src: url("../fefeariani/font/laCartoonerie.TTF");
}

html{
  margin-top:0px !important;
}

body{
  background:#000;
  color:#fff;
  font-family: 'cartoon';
  border-top: 5px solid #00c8e6;
}

label{
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}

a{
  text-decoration: none;
}

div#header{
  margin-top:20px;
  margin-bottom:150px;
  text-align:center;
  z-index:200;
}

div#wrapper{
  min-height:100%;
  position:relative;
}

img.logo-bg{
  position:absolute;
  top: 50px;
  left: 400px;
}

div#content{
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 2px solid #fff;
  padding:20px;
}

div.footer{
  position: relative;
  bottom:-10px;
  text-align:center;
  font-size:8px;
}

div.footer a{
  text-decoration:none;
  color:#fff;
  font-weight:bold;
}

/*navigation menu*/
ul.menu > li.menu-item{
  display:inline;
  font-size: 20px;
  margin-right:80px;
  padding: 10px;
  position:relative;
}

ul.menu > li.menu-item > a{
  color:#00c8e6;
}

ul.menu > li.current-menu-item > a{
  color: #f5f098;
}

ul.menu > li.menu-item > a:hover, ul.menu > li.current-category-ancestor a, ul.menu > li.current-post-ancestor a{
  color: #9721e9;
  font-weight:bold;
}

ul.menu > li.category-hover, li.current-category-ancestor, li.current-post-ancestor{
  background: #fcff93;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}

ul.child-list{
  display: none;
  position:absolute;
  z-index: 100;
  top: 30px;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  
  background: #fcff93;
  
  padding:10px;
  text-align: left;
  width: 920px;
}

ul.child-list > li{
  display: inline;
  position: relative;
}

ul.child-list > li div{
  position: relative;
  text-align: center;
  height: 93px;
  width: 93px;
  float: left;
  margin-right: 3px;
}

ul.child-list > li div img{
  width:93px;
  height:93px;
}

ul.child-list > li p{
  position: absolute;
  height: 57px;
  width: 93px;
  padding-top: 36px;
  top: 0px;
  left: 10px;
  display: none;
}

ul.child-list> li:hover p, ul.child-list > li div.show p, ul.child-list > li.current-cat p{
  //opacity: 0.5;
  background: #00c8e6;
}

ul.child-list > li:hover p, ul.child-list > li div.show p, ul.child-list > li.current-cat p{
  display: block;
  color: #fff;
  //font-weight: bold;
  font-size: 14px;
}

/*category pages*/
div#category-content{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;

  background: url('../fefeariani/images/bg.png') repeat-y;
  //background-size: 100% 100%;

  padding-bottom: 90px;

  height: 100%;
}

div#category-title{
  -webkit-border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  border-radius: 0px 10px 10px 0px;

  -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);

  position: absolute;
  top: 30px;
  left: -40px;

  background: #FCFF93;
  min-width: 300px;
  padding: 10px;
  padding-left: 50px;
  z-index: 100;
}

div#pdf-btn{
  -webkit-border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  border-radius: 0px 10px 10px 0px;

  -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);

  position: absolute;
  top: 30px;
  left: -40px;

  color: #FCFF93;
  min-width: 400px;
  padding: 5px;
  padding-left: 50px;
  z-index: 100;
  
  background: #00C8E6;
}

div#category-title img{
  height: 40px;
}

div#category-title h2{
  color: #22B3C9;
  font-size: 20px;
  font-weight: bold;
  display: inline;
  position: relative;
  top: -15px;
  left: 10px;
}

div#post-content{
  margin-top:150px;
  padding: 20px;
  position: relative;
}

div#post-content > img{
  width: 480px;
  float: left;
  margin-right: 10px;
}

div#post-content > p{
  color: #000;
}

div#post-content > p > a{
  //display: none;
}

div.galleries{
  margin-top: 130px;
  position: relative;
}

div.galleries div{
  margin-bottom: 10px;
}

div.galleries img{
  height: 120px;
  border: 1px solid #fff;
}

div.galleries p{
  text-align: center;

  color: #000;
  padding: 5px;

  font-size: 14px;
  font-weight: bold;
}

/*Custom CSS*/
#welcome{
  display:none;
}

div#home_link{
  position:absolute;
  bottom:100px;
  right:0px;
}

#slider a{
  display: block;
}

div.hreview{
  color: #330066;
}

div#pdf-btn{
  position: absolute;
  top: 110px;
}

div#pdf-btn span{
  position: relative;
  top: -5px;
}

div.about-content{
  height: auto !important;
  padding: 20px;
  color: #000;
}

div.about p:nth-child(1){
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

div.about p:nth-child(n+1){
  margin-bottom: 10px;
}

ul#child-info > li:hover div p{
  background-color: #9721e9;
  font-weight:bold;
}